<template>
    <div class="goods-list">
       <goods-list-item v-for="(item,index) in goods" :key="index" :goodsItem="goods[index]"></goods-list-item>
    </div>
</template>

<script>
import GoodsListItem from './GoodsListItem.vue';

export default {
    data() {
        return {

        };
    },
    props:{
       goods:{
         type:Array,
         default(){
             return []
         }
       }
    },
    components: { 
       GoodsListItem 
    },
    created() {
       //console.log(this.goods);
    },
    mounted() {

    },
    methods: {

    }
};
</script>

<style scoped lang="scss">
.goods-list{
    display: flex;
    flex-wrap: wrap;
    padding: 5px;
    justify-content: space-around;
    text-align: center;
    width: 100%;
}
</style>
